<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<!--[if gt IE 9]> --> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Research Centers</title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
</head>

<body>
<div class="top-bar clearfix">
	<div class="top-container">
    	<ul>             
            <li>
            	<a href="home.html">
                	Home
                </a>
            </li>
            <li>
            	<a href="#">
                	Library
                </a>
            </li>
            <li>
            	<a href="#">
                	Log-in
                </a>
            </li>
        </ul>
        <form>
        	<input type="text" placeholder="Search..." />
            <input type="submit" value=""  />
        </form>
    </div>
</div>
<div class="container">
    	<div class="header clearfix">
        	<h1 class="logo">
        	<a href="#">
            	Future University
                <span></span>
            </a>
        </h1>
        <h1>
        <a href="home.html" class="center-name">
        	Research Centers
            <span></span>
        </a>
        </h1>
        <ul class="nav">
        	<li>
            	<a href="about.html">
                	About us
                </a>
            </li>
            <li>
            	<a href="research-centers.html">
                	Research Centers
                </a>
                
          </li>
            <li>
            	<a href="news.html">
                	News and Events
              </a>
            </li>
            <li>
            	<a href="contact_us.html">
                	Contact Us
              </a>
            </li>
            
        </ul>
        </div>
        <div class="inner-content clearfix">
        	<div class="left-side">
            	
                <div class="breadcrumb clearfix">
                	<ul>
                    	<li>
                        	<a href="#">
                            	<span class="home-icon"></span>
                                Home
                            </a>
                        </li>
                        <li>
                        	<a href="#">News &amp; Events</a>
                        </li>
                    </ul>
                </div>
                <div class="red-line">
                	<span class="triangle"></span>
                </div>
                <h2>
                	Contact Us
                    <span class="actions">
                    	<a href="#" class="pdf"></a>
                        <a href="#" class="print"></a>
                        <a href="#" class="mail"></a>
                    </span>
                </h2>
                
                <div class="contacts-data">
                	<div class="row">
                    	<div class="label">Address :</div>
                    	<div class="value">
    	                    <span>New Cairo. Al Tagamoa Al Khames, End of 90th Street</span>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="label">Tel. :</div>
                    	<div class="value">
                        	<span>2 (02)2618 6100 – 2618 6110 – 2618 6111</span>  
							<span>Main Library ext  (1105-1104) </span>
							<span>Curriculum Materials Center ext  (1402)</span>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="label">Cell Phone: </div>
                    	<div class="value">
    	                    <span>
                            	2 (010)009 1765
                            </span>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="label">Fax :</div>
                    	<div class="value">
    	                    <span>
                            	2 (02) 2618 6111 
                            </span>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="label">E-mail :</div>
                    	<div class="value">
    	                    <span>
                            	<a href="mailto:engineering@fue.edu.eg">engineering@fue.edu.eg</a>
                            </span>
                        </div>
                    </div>
                    
                    
                </div>
                <h3>E-mail Us</h3>
                <form class="contact-form">
                                	<div class="box">
                                		<div class="clearfix">
                                        	<label>
                                            	Your Mail:
                                            </label>
                                            <input type="text" />
                                            
                                        </div>
                                        <div class="clearfix">
                                        	<label>
                                            	Department
                                            </label>
                                            <select>
                                            	<option> -- </option>
                                                <option></option>
                                                <option></option>
                                            </select>
                                            
                                        </div>
                                        <div class="clearfix">
                                        	<label>
                                            	Phone
                                            </label>
                                            <input type="text" />
                                            
                                        </div>
                                        <div class="clearfix">
                                        	<label>
                                            	Message:
                                            </label>
                                            <textarea></textarea>
                                        </div>
                                        
                                        
	                                </div>
                                    <input type="submit" value="SEND" />
                                </form>
                
                
                
                
                
                
                
                
                
                
            </div>
            <div class="right-side clearfix">
            	
            	
            
            <h3>News</h3>
                <div class="gray-line">
                	<span class="triangle"></span>
                </div>
                <ul class="side-news">
                	<li>
                    	<div class="date">
                        	Oct 23, 2013
                        </div>
                        <a href="#">
                        	Undergraduate students at the School of
                        </a>
                        <p>
                        	Undergraduate students at the School of with as their first year at SED...
                        </p>
                    </li>
                    <li>
                    	<div class="date">
                        	Oct 23, 2013
                        </div>
                        <a href="#">
                        	Undergraduate students at the School of
                        </a>
                        <p>
                        	Undergraduate students at the School of with as their first year at SED...
                        </p>
                    </li>
                </ul>
                <div class="social clearfix">
                    	<span>Find US Now In :</span>
                        <a href="#" class="twitter"></a>
                        <a href="#" class="facebook"></a>
                    </div>
            </div>
        </div>
        <div class="footer">
        	<a href="" class="footer-logo"></a>
            <span class="copyright">
            	Copyright © 2013 FUE. All rights reserved.
            </span>
            <ul>                        
            	<li>
                	<a href="home.html">Home page</a>
                </li>
                <li>
                	<a href="sitemap.html">Sitmap</a>
                </li>
                <li>
                	<a href="#">Log-in</a>
                </li>
                <li>
                	<a href="contact_us.html">Contact Us</a>
                </li>
            </ul>
    </div>
</div>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
